<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" 	prefix="s"%>
<%@ include file="/jsp/common/common_head.jsp"%>
<!DOCTYPE HTML>
<html>
<head>
<title>示界港管理平台</title>
<%@ include file="/jsp/common/common_script.jsp"%>
<style type="text/css">
</style>
<script type="text/javascript">
 var g_userId = '<%=session.getAttribute("userId")%>';
</script>
</head>
<body>
<s:hidden name="userId" id="userId"/>
<table class="queryTable" >
	<tr>
		<td class="queryTitle" width="80px">媒体名:</td>
		<td class="queryContent">
			<input class="inputText" type="text" id="queryMediaName" />
		</td>
		<td class="queryTitle" width="80px">类型</td>
		<td class="queryContent">
		    <select id="queryMediaType" name="queryMediaType" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 120px" >
	    		<option value="">[不限]</option>
				<option value="10">音频</option>
				<option value="20">视频</option>
			</select> 
		</td>
		<td class="queryBtnTd">
			<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search"  onclick="doQuery()">查询</a>
		</td>
	</tr>
</table>

<table id="mediaGrid"></table>

<!-- 视频资源播放  -->
<div id="playVideoDlg" class="easyui-window" closed="true" style="width:550px; height: 550px;background: #fafafa;">
	<div class="easyui-layout" fit="true">
         <div data-options="region:'center',title:'视频资源',split:true" style="height:350px;" id="viderUrl">
         </div>
         <div data-options="region:'south',title:'封面图',split:true" style="height:195px;" id="videoThumb"></div>
     </div>
</div>

<!-- 音频资源播放 -->
<div id="playMediaDlg" class="easyui-window" closed="true" style="width: 550px;height: 145px;background:#fafafa;">
	<div class="easyui-layout" fit="true">
         <div data-options="region:'center',title:'音频资源文件,点击播放',split:true" style="height:120px;" id="mediaUrl">
         </div>
     </div>
</div>



<!-- 上传文件 -->
<div id="editDlg" class="easyui-window" title="" closed="true" style="width:1100px; height:250px;text-align:center; background: #fff;">
	<div border="false" style="padding-left:10px;padding-right:10px;">
		<form id="editForm"  method="POST">
			<s:hidden name="id" id="id"/>
			<div id="divAudio"></div>
			<table border="0" class="queryTable" width="95%" height="auto" style="margin-bottom:0px;" id="editTable">
				<tr>
					<td class="queryTitle" width="80px"><span style="color:red">资源分类:</span></td>
					<td class="queryContent">
						<select id="editMedType" name="editMedType" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 120px" >
						</select>
					</td>
					<td class="queryTitle" width="80px"><span style="color:red">资源用途:</span></td>
					<td class="queryContent">
						<select id="editMedUse" name="editMedUse" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 120px" >
						</select>
					</td>
				</tr>
				<tr>	
					<td class="queryTitle" width="80px">资源链接</td>
					<td class="queryContent" colspan="5">
						<div id="ossfile"></div>
						<a class="easyui-linkbutton" id="selFiles" iconCls="icon-add" href="javascript:void(0)" >选择文件</a>
						<a class="easyui-linkbutton" id="postFiles" iconCls="icon-ok" href="javascript:void(0)" >上传</a>
					</td>
				</tr>
			</table>
		</form>
	</div>
	<div style="clear:both;padding-top:10px;margin-bottom:10px;text-align:center;" id="editBtn">
		<a class="easyui-linkbutton" iconCls="icon-ok" href="javascript:void(0)" onclick="doEdit()">确定</a>
		<a class="easyui-linkbutton" iconCls="icon-cancel" href="javascript:void(0)" onclick="cancelEdit()">取消</a>
    </div>
</div>


<script type="text/javascript" src="${ctx }/js/qiniu/plupload/plupload.full.min.js"></script>
<script type="text/javascript" src="${ctx }/js/qiniu/plupload/i18n/zh_CN.js"></script>
<script type="text/javascript" src="${ctx }/js/qiniu/ui.js"></script>
<script type="text/javascript" src="${ctx }/js/qiniu/qiniu.js"></script>
<script type="text/javascript" src="${ctx }/js/qiniu/highlight/highlight.js"></script>
<script type="text/javascript" src="${ctx }/js/material/media_info.js"></script>
</body>
</html>
